.search {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 2vw;

  .search_title {
    width: 90%;
    height: 10vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;

    .search_title_input {
      width: 85%;
      height: 100%;
      color: #999999;
    }

    .ant-input:hover {
      box-shadow: none;
      border: 1px solid #d9d9d9;
    }

    button {
      height: 100%;
      width: 20%;
      font-size: 1rem;
      color: #999999;
    }
  }

  .search_body {
    width: 85%;
    height: auto;
    margin: 0 auto;
    padding-top: 8vw;

    .search_body_li {
      width: 100%;
      height: 27vw;
      margin-bottom: 5vw;
      list-style: none;
      display: flex;
      justify-content: space-between;
      padding: 1vw;
      border-radius: .3125rem;

      img {
        width: 20%;
        height: 100%;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
        border-radius: 2px;
      }

      .search_body_li_body {
        width: 70%;
        height: 100%;

        h3 {
          width: 100%;
          height: 6vw;
          font-size: 1rem;
          color: #717171;
          overflow: hidden; //超出的文本隐藏
          text-overflow: ellipsis; //溢出用省略号显示
          white-space: nowrap; //溢出不换行
          margin-bottom: 2vw;
        }

        span {
          color: #bbbbbb;
          height: 5vw;
          width: 100%;
          display: block;
          overflow: hidden; //超出的文本隐藏
          text-overflow: ellipsis; //溢出用省略号显示
          white-space: nowrap; //溢出不换行
        }

        div {
          width: 100%;
          height: 11vw;
          overflow: hidden; //超出的文本隐藏
          text-overflow: ellipsis; //溢出用省略号显示
          color: #999999;
          margin: 1vw 0;
        }

        .search_body_li_body_bottom {
          width: 100%;
          height: 6vw;
          margin: 0;
          display: flex;
          justify-content: space-between;
          align-items: center;

          h4 {
            width: 80%;
            height: 100%;
            overflow: hidden; //超出的文本隐藏
            text-overflow: ellipsis; //溢出用省略号显示
            color: #717171;
          }
        }
      }
    }
  }
}